// 加载页面判断cookie，有cookie的话进入用户主页
$(function($) {


    if (getCookie('$flag') == '' && document.cookie != '') {
        let str = decodeURIComponent(document.cookie);
        console.log(str);
        // $('.log_Btn>a').text('')
        let arr = str.split('=');
        let newstr = arr[0].toString();
        $('.top_nav').children('li').eq(0).removeClass('log_Btn').addClass('user1').eq(0).text(newstr);
    }

})


// 登录弹出模态框
$(function($) {


        $('.cut_Btn').on('click', function() {
            $(this).parent().css('display', 'none');
            $('.body_modal1').css('display', 'block');
        })
        $('.cut_Btn1').on('click', function() {
            $(this).parent().css('display', 'none');
            $('.body_modal').css('display', 'block');
        })
    })
    // js 实现点击手机号登录或邮箱登录实现表单切换
$(function() {
        let flag = true;
        if (flag) {
            $('.email').css('color', '#999')
        }
        $('.email').on('mouseover', function() {
            if (flag) {
                $(this).css('color', "#b4a078");
            }
        })
        $('.email').on('mouseout', function() {
            if (flag) {
                $(this).css('color', "#999");
            }
        })
        $('.email').on('click', function() {
            $(this).css('color', "#333");
            $('.phone_Num').css('color', "#999");
            flag = false;
            // js渲染代码
            $('.modal_Center').css('display', 'none')
            $('.modal_Center1').css('display', 'block')
            $('.email_Register').css('display', 'block')

        })


        $('.phone_Num').on('mouseover', function() {
            if (!flag) {
                $(this).css('color', "#b4a078");
            }
        })
        $('.phone_Num').on('mouseout', function() {
            if (!flag) {
                $(this).css('color', "#999");
            }
        })
        $('.phone_Num').on('click', function() {
                $(this).css('color', "#333");
                $('.email').css('color', "#999");
                flag = true;
                $('.modal_Center').css('display', 'block')
                $('.modal_Center1').css('display', 'none')
                $('.email_Register').css('display', 'none')


            })
            // 点击注册事件
        $('.email_Register').on('click', function() {
            window.open('./register.html');
        })
        let flag1 = true;
        $('.prompt_Message_Text').on('click', function() {
                if (flag1) {

                    $(this).text("短信快捷登录");
                    flag1 = false;
                    $('.slide_Case').css('display', 'none');
                    $('.identifying_Area').css('display', 'none');
                    $('.password_Area').css('display', "flex");
                    $('.login_Btn').text('登录');
                    // $('.body_modal1').css('height', '420px');
                } else {
                    $(this).text('使用密码验证登录');
                    flag1 = true;
                    $('.slide_Case').css('display', 'flex');
                    $('.identifying_Area').css('display', 'flex');
                    $('.password_Area').css('display', "none");
                    $('.login_Btn').text('手机号快捷登录');
                    // $('.body_modal1').css('height', '480px');

                }
            })
            // 表单及时验证

        let timer = null;
        $('.modal_Center input').on('focus', function() {
            timer = setInterval(() => {

                if ($(this).val() !== "") {
                    $(this).next('b').children('i').css("display", "block");
                } else {
                    $(this).next('b').children('i').css("display", "none");
                }
            }, 200);
            $('.modal_Center input').on('blur', function() {
                clearInterval(timer);
            })
        })
        $('.modal_Center1 input').on('focus', function() {
            timer = setInterval(() => {

                if ($(this).val() !== "") {
                    $(this).next('b').children('i').css("display", "block");
                } else {
                    $(this).next('b').children('i').css("display", "none");
                }
            }, 200);
            $('.modal_Center1 input').on('blur', function() {
                clearInterval(timer);
            })
        })

    })
    // 点击清除
$('.clear_Btn').on('click', function() {
        $(this).parent().prev().val('');
        $(this).parent().prev().trigger('focus');
    })
    // 窗口滚动事件
window.onscroll = function() {
    // 左侧导航条
    // console.log(document.documentElement.scrollTop);
    if (document.documentElement.scrollTop > 110) {
        $('.topslide_Nav').css('display', 'block');
    }
    if (document.documentElement.scrollTop < 110) {
        $('.topslide_Nav').css('display', 'none');
    }

}

// 登录链接后端接口
$('.login_Btn1').on('click', function() {
    let xhr = new XMLHttpRequest();
    xhr.open("post", "./goodsAndShoppingCart/login.php", true);

    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            if (xhr.responseText == 1) {

                document.getElementById("msg").innerHTML = "登录成功";
                saveCookie($('#username').val(), $('#userpass').val(), 1);
                setTimeout(function() {
                    window.location.href = "./homepage.html";
                }, 1000)

            } else {
                document.getElementById("msg").innerHTML = "登录失败,用户名或者密码错误";
            }
        }
    }
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    let str = "username=" + $('#username').val() + "&userpass=" + $('#userpass').val();
    xhr.send(str);

})